let hides = document.querySelectorAll('.hide1');
    console.log(hides);
    let shows = document.querySelectorAll('.show');
    console.log(shows);
    shows.forEach(function (v, i) {
      v.onmouseenter = function () {
        hides[i].style.display = 'block';
      }
      v.onmouseleave = function() {
        hides[i].style.display = 'none';
      }
    })